/*!
 * Plugin:	TDA POPUP
 * Name:	style-popup.css
 */
.tda-popup-overlay{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   background: rgb(0 0 0 / 95%);
   width: 100%;
   height: 100%;
   cursor: pointer;
}
.tda-inner-popup {
   left: 50%;
   position: fixed;
   top: 0%;
   transform: translate(-50%, -50%);
   z-index: 9999;
   visibility: hidden;
   opacity: 0;
   transition: .4s all;
}
.tda-popup.showup .tda-inner-popup {
   top: 50%;
   visibility: visible;
   opacity: 1;
}
.tda-popup {
   visibility: hidden;
   opacity: 0;
}
.tda-popup.showup{
   visibility: visible;
   opacity: 1;
}
.tda-button-fixed {
   position: fixed;
   right: 20px; 
   bottom: calc(50% - 30px);
   z-index: 999;
   background: #fff;
   border-radius: 50%;
}
.tda-button-img {
   background: #fff;
   position: relative;
   width: 55px;
   height: 55px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.tda-button-fixed img {
   max-width: 45px;
   height: auto;
   padding: 3px;
   cursor: pointer;
   -webkit-animation: gif-ring-anim 1.2s infinite ease-in-out;
   animation: gif-ring-anim 1.2s infinite ease-in-out;
}

@-webkit-keyframes gif-ring-anim {

	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

}
.tda-popup-close {
   position: absolute;
   top: 15px;
   font-weight: bold;
   left: 25px;
   font-size: 30px;
   color: #ffffffb0;
   background: #333;
   z-index: 99999;
   border-radius: 50%;
   width: 45px;
   height: 45px;
   text-align: center;
   display: flex;
   cursor: pointer;
   justify-content: center;
   align-items: center;
}
.animated.infinite.zoomIn{
   width: 65px;
   height: 65px;
   top: -5px;
   right: -5px;
   position: absolute;
   background-color: transparent;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   border: 2px solid;
   opacity: .1;
   border-color: #d26e4b;
   opacity: .5;
   animation-duration: 1s;
   animation-fill-mode: both;
}
.zoomIn {
   animation-name: zoomIn;
}
.animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}
.infinite {
   animation-iteration-count: infinite;
}
@keyframes zoomIn {
   from {
       opacity: 0;
       -webkit-transform: scale3d(0.3,0.3,0.3);
       transform: scale3d(0.3,0.3,0.3)
   }

   50% {
       opacity: 1
   }
}
.animated.infinite.pulse{
   width: 75px;
   height: 75px;
   top: -10px;
   right: -10px;
   position: absolute;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   border: 2px solid transparent;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
   background-color: #d26e4b75;
   opacity: .4;
   -webkit-animation-name: pulse;
   animation-name: pulse;
   animation-iteration-count: infinite;
}
.pulse {
   animation-name: pulse;
}
@-webkit-keyframes pulse {
   from {
       -webkit-transform: scale3d(1,1,1);
       transform: scale3d(1,1,1)
   }

   50% {
       -webkit-transform: scale3d(1.05,1.05,1.05);
       transform: scale3d(1.05,1.05,1.05)
   }

   to {
       -webkit-transform: scale3d(1,1,1);
       transform: scale3d(1,1,1)
   }
}

@keyframes pulse {
   from {
       -webkit-transform: scale3d(1,1,1);
       transform: scale3d(1,1,1)
   }

   50% {
       -webkit-transform: scale3d(1.05,1.05,1.05);
       transform: scale3d(1.05,1.05,1.05)
   }

   to {
       -webkit-transform: scale3d(1,1,1);
       transform: scale3d(1,1,1)
   }
}
@media screen and (max-width:849px){
.tda-popup.showup .tda-inner-popup iframe {
   min-height: 600px !important;
}
}
@media screen and (max-width:576px){
   .animated.infinite.pulse{
      width: 65px;
      height: 65px;
   }
   .tda-button-img{
      width: 45px;
      height: 45px; 
   }
   .tda-button-fixed img {
      max-width: 35px;
   }
   .animated.infinite.zoomIn {
      width: 55px;
      height: 55px;
   }
   .tda-inner-popup{
      width:100%;
   }
}